<!-- 声明当前文档为H5文档 -->
<!DOCTYPE html>
<!-- lang 语言：en:英语;zh-cn":中文 -->
<html lang="en">
<!-- 头 -->

<head>
    <!-- meta用来配置信息的标签：
    charset 设置字符集 utf-8————万国字符集；
    http-equiv="X-UA-Compatible" content="IE=edge"  将IE兼容到edge
    name="viewport" 视口 的内容content="width=device-width, initial-scale=1.0" 网页宽度为设备宽，缩放为1.0   为移动端设置的
    -->
    <meta charset="UTF-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <!-- 网页标题 -->
    <title>Document</title>
</head>
<!-- 主题内容【身体】 -->

<body>

    <!-- 标签结构：父子【嵌套】关系  兄弟【上下】关系 -->
    <!-- 标签类型：双标签、但标签【自封闭标签】 -->
    <!-- 标签分类：
        块标签【行级标签】:自动换行；
        行内标签：在同一行渲染；
    -->
    <div>雪花状彩灯、软萌可爱的“冰墩墩”“雪容融”……“双奥之城”北京，街头随处可见的冬奥元素，为年味增添了运动“风味”。</div>
    <div>雪花状彩灯、软萌可爱的“冰墩墩”“雪容融”……“双奥之城”北京，街头随处可见的冬奥元素，为年味增添了运动“风味”。</div>
    <div>雪花状彩灯、软萌可爱的“冰墩墩”“雪容融”……“双奥之城”北京，街头随处可见的冬奥元素，为年味增添了运动“风味”。</div>
    <span>雪花状彩灯</span>
    <span>雪花状彩灯</span>
    <span>雪花状彩灯</span>
    <span>雪花状彩灯</span>
    <span>雪花状彩灯</span>
</body>

</html>